<template>
  <div class="container">
    <el-header>日常监督系统</el-header>
    <el-container>
      <el-aside width="220px" style="background-color: #304156" >
        <el-menu text-color="#bfcbd9"
        :default-active="'/copy?code='+this.code" router
      active-text-color="#409EFF"  background-color="#304156"  unique-opened
      >
  <el-menu-item :index="'/copy?code='+this.code">
        <i class="el-icon-setting"></i>
        <span slot="title">实时监控</span>
      </el-menu-item>

          <el-submenu index="2">
            <template slot="title"
              ><i class="el-icon-menu"></i>三类人三件事</template
            >
            <el-menu-item  :index="'/toDoUnit1?code='+this.code">  <i class="el-icon-s-order"></i>待办单位</el-menu-item>
            <el-menu-item  :index="'/riskList1?code='+this.code"> <i class="el-icon-s-order"></i>风险列表</el-menu-item>
            <el-menu-item  :index="'/directorEnterprise1?code='+this.code"> <i class="el-icon-s-order"></i>主体责任统计</el-menu-item>
            <el-menu-item  :index="'/statisticalAnalysisAtSupervise1?code='+this.code"> <i class="el-icon-s-order"></i>落实情况分析</el-menu-item>
            <el-menu-item  :index="'/platform1?code='+this.code"> <i class="el-icon-s-order"></i>其他企业(市平台单位)</el-menu-item>
          </el-submenu>
            <el-submenu index="3">
            <template slot="title"
              ><i class="el-icon-menu"></i>一码一卡一图</template
            >
            <el-menu-item  :index="'/keyUnit1?code='+this.code"><i class="el-icon-s-order"></i>重点单位列表</el-menu-item>
            <el-menu-item  :index="'/query1?code='+this.code+'&type=4'"><i class="el-icon-s-order"></i>人员信息码</el-menu-item>
            <el-menu-item :index="'/query1?code='+this.code+'&type=5'"><i class="el-icon-s-order"></i>食安履责卡</el-menu-item>
            <el-menu-item     :index="'/foodSafety/archives/archives1?code='+this.code"><i class="el-icon-s-order"></i>企业状况图</el-menu-item>
            <el-menu-item :index="'/map1?code='+this.code"><i class="el-icon-s-order"></i>食安工作站</el-menu-item>
            <el-menu-item   :index="'/chainIndex1?code='+this.code"><i class="el-icon-s-order"></i>连锁企业总部</el-menu-item>
            <el-menu-item  :index="'/statisticsInfo1?code='+this.code"><i class="el-icon-s-order"></i>统计分析</el-menu-item>
          </el-submenu>
                <el-submenu index="4">
            <template slot="title"
              ><i class="el-icon-menu"></i>食安服务管理</template
            >
            <el-menu-item  index="/foodSafety/notice/notice1"><i class="el-icon-s-order"></i>食安公告</el-menu-item>
            <el-menu-item   index="/foodSafety/classroom1"><i class="el-icon-s-order"></i>食安课堂</el-menu-item>
            <el-menu-item  index="/foodSafety/regulations/regulations1"><i class="el-icon-s-order"></i>政策法规</el-menu-item>
            <el-menu-item  index="/foodSafety/policy/policy1"><i class="el-icon-s-order"></i>操作说明</el-menu-item>
            <el-menu-item  index="/foodSafety/messageRemindRecord1"><i class="el-icon-s-order"></i>短信提醒记录</el-menu-item>
          </el-submenu>
        </el-menu>
      </el-aside>
      <el-main> <router-view /></el-main>
    </el-container>
  </div>
</template>
<script>
export default {
  // props:[],
  // 页面加载
  created() {
    this.$router.push(`/copy?code=${this.code}`)
  },
  // 页面加载完成
  mounted() {},
  //实例销毁之前
  beforeDestroy() {},
  //实例销毁后
  destroyed() {},
  data() {
    return {
        code: sessionStorage.getItem("areaCode"),
    };
  },
  // 方法
  methods: {},
  // 监听属性
  watch: {},
  // 组件
  components: {},
  // 计算属性
  computed: {},
};
</script>

<style lang="scss" scoped>
.container {
  .el-header {
    background-color: #b3c0d1;
    color: #333;
    text-align: center;
    height: 60px;
  }

  .el-main {
    padding: 0;
    overflow: auto;
  }

  .el-container {
    height: calc(100% - 60px);
  }

  height: 100%;
  /deep/ .el-menu-item{
    background-color: #1F2D3D !important;
  }
  /deep/ .el-menu{
    border: none;
  }
 /deep/ .el-menu-item:hover{
background-color:#001528 !important;
  }
}
</style>